<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">

	
	<ui:composition template="/templates/template.xhtml">
			<ui:define name="pageTitle">Administração de Modalidades</ui:define>
			<ui:define name="pageHeader">Manter Perfil</ui:define>
			<ui:define name="body">
				<br />
				<div class="titulo1">Criação de modalidades</div>
				<br />
				<h:form id="edicao">
				<h:messages/>
				<h:inputHidden value="#{modalidadeBean.modalidadeSelecionada.id}" />					
					<h:panelGrid id="painelModalidade" columns="2">
						<h:outputLabel value="Nome modalidade:" />
						<h:inputText id="NomeModalidade" value="#{modalidadeBean.modalidadeSelecionada.nomeModalidade}" required="true"/>
						<h:outputLabel value="Quantidade de Jogadores:" />
						<h:inputText id="qtdJogadores" value="#{modalidadeBean.modalidadeSelecionada.qtdJogadores}" required="true"/>											
						<h:commandButton action="#{modalidadeBean.salvar()}" value="Salvar" />
					</h:panelGrid>					
				</h:form>
				<h:form id="branco">
					<h:panelGrid columns="1" style="align=center">
					<h:commandButton action="#{modalidadeBean.novo()}" value="Nova Modalidade"/>
					</h:panelGrid>
				</h:form>
				<br />
				<h:form id="lista">
					<h:dataTable value="#{modalidadeBean.lista}" var="modalidade" border="1" rendered="#{not empty modalidadeBean.lista}">
						<f:facet name="header">Listagem de modalidades</f:facet>
						<h:column>
							<f:facet name="header">Nome</f:facet>
							#{modalidade.nomeModalidade}
						</h:column>
						<h:column>
							<f:facet name="header">Quantidade Jogadores</f:facet>
							#{modalidade.qtdJogadores}
						</h:column>
											
						<h:column>
						<f:facet name="header">Ações</f:facet>
							<h:commandLink  action="#{modalidadeBean.excluir()}"  onclick="if (!confirm('Deseja realmente excluir a modalidade #{modalidade.nomeModalidade}?')) return false;">
							<h:graphicImage library="imagens"  name="remove-icon.png"/>
							<f:setPropertyActionListener target="#{modalidadeBean.modalidadeSelecionada}" value="#{modalidade}" />
							</h:commandLink>
							<h:commandLink>
							<h:graphicImage library="imagens"  name="wrench-icon.png"/>
							<f:setPropertyActionListener target="#{modalidadeBean.modalidadeSelecionada}" value="#{modalidade}" />
							</h:commandLink>
							
						</h:column>
						
					</h:dataTable>
				</h:form>
			</ui:define>
	</ui:composition>

</html>